html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.div {
    background-image: url(/images/login/bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;

}

.bor1 {
    border: none;
    border-bottom: 1px solid grey;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bor1:focus {
    border: 2px solid #0066FF;
}

.bor2:focus {
    border: 2px solid #0066FF;
}

.bor2 {
    border: none;
    border-top: 1px grey solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bor {
    /* border: 2px solid grey; */
    border-radius: 5px;
}

/* .div1 {
    display: flex;
    justify-content: center;
    align-items: center;
} */

.div2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -70%);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
}